<template>
  <div>
    <TypeNav />
    <ListContainer />
    <TodayRecommend />
    <Brand />
    <Like />
    <Rank />
    <Floor v-for="floor in floorsList" :key="floor.id" :floor="floor" :id="floor.id" />

  </div>
</template>

<script>
import ListContainer from './ListContainer';
import TodayRecommend from './TodayRecommend';
import Brand from './Brand';
import Like from './Like';
import Rank from './Rank';
import Floor from './Floor';
import { mapState } from 'vuex';

export default {
  name: 'HomePage',
  components: {
    // TypeNav,
    ListContainer,
    TodayRecommend,
    Brand,
    Like,
    Rank,
    Floor
  },
  mounted() {
    //获取楼层数据
    this.$store.dispatch('home/getFloorsListData');
  },
  computed: {
    ...mapState('home', ['floorsList'])
  }
};
</script>

<style lang="less" scoped>
</style>